<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>06_css的复核选择器</title>
</head>
<style>
    /* 注释 */
    .rich {
       color: gold; 
    }
    .beauty {
        color:red
    }
    p.beauty {
        color: chocolate;
    }
</style>

<body>
    <h2  class="rich">土豪张三</h2>
    <h2  class="beauty">明星李四</h2>
    <!-- 跟style里面的类选择器的顺序有关，就近原则 -->
    <h2  class="rich beauty">土豪明星王五</h2>
    <hr>
     <p  class="beauty">小狗旺财</p>
     <p  class="beauty">小猪佩奇</p>
</body>

</html>